<body class="page-header-fixed page-quick-sidebar-over-content">
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top">
	<!-- BEGIN HEADER INNER -->
	<div class="page-header-inner">
		<!-- BEGIN LOGO -->
		<div class="page-logo">
			<a href="javascript:void(0);">
			<img src="<?php echo base_url();?>resources/images/logo-big.png" alt="logo" class="logo-default"/>
			</a>
			<div class="menu-toggler sidebar-toggler hide">
			</div>
		</div>
		<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		</a>
		<div class="top-menu">
			<ul class="nav navbar-nav pull-right">
				<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
				</li>
				<li class="dropdown dropdown-user">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
					<img alt="" class="img-circle" src="<?php echo base_url();?>resources/images/avatar5.jpg"/>
					<span class="username">
					<?php echo $this->session->userdata('username'); ?> </span>
					<i class="fa fa-angle-down"></i>
					</a>
					<ul class="dropdown-menu">						
						<!-- <li>
							<a href="extra_lock.html">
							<i class="icon-lock"></i> Lock Screen </a>
						</li> -->
						<li>
							<a href="<?php echo base_url();?>admin/logout">
							<i class="icon-key"></i> Log Out </a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
</div>
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
	<!-- BEGIN SIDEBAR -->
	<div class="page-sidebar-wrapper">
		<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		<div class="page-sidebar navbar-collapse collapse">
			<!-- BEGIN SIDEBAR MENU -->
			<ul class="page-sidebar-menu" data-auto-scroll="true" data-slide-speed="200">
				<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
				<li class="sidebar-toggler-wrapper">
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
					<div class="sidebar-toggler">
					</div>
					<!-- END SIDEBAR TOGGLER BUTTON -->
				</li>
				<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
				<br style="clear:both;">
				
				<li class="start <?php echo (isset($active) && $active == 'dashboard')? 'active': '';?>">
					<a href="<?php echo base_url();?>admin/dashboard">
					<i class="icon-home"></i>
					<span class="title">Dashboard</span>
					<?php echo (isset($active) && $active == 'dashboard') ? '<span class="selected"></span>': ''; ?>				
					</a>
				</li>
				
				<li class="<?php echo isset($active) && $active == 'slider' ? 'active' : '';?>">
					<a href="<?php echo base_url();?>admin/slider_options">
					<i class="icon-logout"></i>
					<span class="title">Slider Options</span>
					<?php echo (isset($active) && $active == 'slider') ? '<span class="selected"></span>': ''; ?>									
					</a>					
				</li>


			</ul>
		</div>
	</div>
	<!-- END SIDEBAR -->

	<script>
	$(document).ready(function(){
		$(document).on('click','.menu',function(){
			$(this).addClass('colo');
		});
	});
	</script>

	<style type="text/css">
	.colo{
		background-color: red;
	}
	</style>